<template>
  <div class="details_main flex">
    <div class="flex1 flexC" style="padding: 3rem 5rem;">
      <div class="flex1 flex">
        <div class="flex1 paic">
           <!-- <img style="width: 40.75rem;height: 22.9375rem;" src="../../assets/img/comprehensive/25.png" alt=""> -->
        </div>
        <div class="flex2">
          <div class="flex">
            <div class="flex1 colorF">
              <p class="font_s27">{{data.mc}}</p>
              <p class="font_s20">
                <img class="verticM" style="height: 1.4375rem;" src="../../assets/img/comprehensive/26.png" alt="">
                {{data.dz}}
              </p>
            </div>
            <ul class="flex1 flex">
              <li class="box textC">
                <p class="font_s40 colorF">{{data.xydj}}</p>
                <p class="font_s22" style="color: #C3A6FD;">信用等级</p>
              </li>
              <li class="box1 textC">
                <p class="font_s40 colorF">{{data.fxdj}}</p>
                <p class="font_s22" style="color: #A3D8EC;">风险等级</p>
              </li>
              <li class="box2 textC">
                <p class="font_s40 colorF">/</p>
                <p class="font_s22" style="color: #A9C0FA;">等级评估</p>
              </li>
            </ul>
          </div>
          <div class="font_s20 colorF LH3R" style="background: rgba(0,0,0,0.2); border: dashed 1px #999;padding: 1rem;">
            <p>
              <span style="padding-right: 3rem;">统一社会信用代码:52310115425704732A</span>
              <span>法定代表人:周玉琴</span>
            </p>
            <p>
              <span style="padding-right: 2rem;">成立日期 :2001/2/28</span>
              <span style="padding-right: 2rem;">证书到期时间:2021/7/13</span>
              <span>主管单位：上海市浦东新区民政局</span>
            </p>
            <p>
              <span style="padding-right: 2rem;">行业类别：社会服务</span><span>管理模式：直接登记</span>
            </p>
          </div>
        </div>
      </div>
      <p style="border-bottom: 1px dashed rgba(0,245,254,0.4);margin: 1rem 0;"></p>
      <ul class="flex1 Bold textC flex JustifyContentSA AlignItemsC">
        <li class="flexC JustifyContentC square">
          <p class="font_s60 colorF"><span>15</span><span class="font_s16">人</span></p>
          <p class="font_s27" style="color: #87BFFF;">人员规模</p>
        </li>
        <li class="flexC JustifyContentC square">
          <p class="font_s60 colorF"><span>52</span><span class="font_s16">万元</span></p>
          <p class="font_s27" style="color: #87BFFF;">开办资金</p>
        </li>
        <li class="flexC JustifyContentC square">
          <p class="font_s60 colorF"><span>22</span><span class="font_s16">万元</span></p>
          <p class="font_s27" style="color: #87BFFF;">经营规模</p>
        </li>
        <li class="flexC JustifyContentC square">
          <p class="font_s50 colorF"><span>年检合格</span></p>
          <p class="font_s27" style="color: #87BFFF;">2018年度年检结论</p>
        </li>
        <li class="flexC JustifyContentC square">
          <p class="font_s50 colorF"><span>年检合格</span></p>
          <p class="font_s27" style="color: #87BFFF;">2019年度年检结论</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Details',
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.details_main{
  width: 100%;
  height: 100%;
  .paic{
    margin-right: 1rem;
    background: url(../../assets/img/comprehensive/25.png) no-repeat;
    background-size: 100% 100%;
  }
  .box,.box1,.box2{
    padding: 0.5rem;
    margin: 0.5rem;
  }
  .box{
    background: url(../../assets/img/comprehensive/27.png) no-repeat;
    background-size: 100% 100%;
  }
  .box1{
    background: url(../../assets/img/comprehensive/28.png) no-repeat;
    background-size: 100% 100%;
  }
  .box2{
    background: url(../../assets/img/comprehensive/29.png) no-repeat;
    background-size: 100% 100%;
  }
  .square{
    width: 16.25rem;
    height: 154px;
    background: url(../../assets/img/comprehensive/30.png) no-repeat;
    background-size: 100% 100%;
  }
}
</style>
